        .container {
            max-width: 7.5rem;
        }
        
        .head {
            max-width: 7.5rem;
            height: 0.96rem;
            line-height: 0.96rem;
            width: 100%;
            font-size: 0.3rem;
            text-align: center;
        }
        
        .head span:nth-child(1) {
            display: block;
            float: left;
            font-size: 0.3rem;
            margin-left: 0.24rem;
            color: #fb435b;
        }
        
        .head ul {
            float: left;
            margin-left: 0;
            height: 0.3rem;
            line-height: 0.3rem;
            margin-top: 0.3rem;
        }
        
        .head ul::after {
            content: "";
            display: block;
            clear: both;
        }
        
        .head ul li {
            line-height: 0.3rem;
            font-size: 0.3rem;
            float: left;
        }
        
        .head ul li:nth-child(1) {
            color: #fb435b;
            margin-left: 0.3rem;
            margin-right: 1.45rem;
        }
        
        .head ul li:nth-child(1)::after {
            content: "";
            display: block;
            width: 0.52rem;
            height: 0.03rem;
            background-color: #fb435b;
            margin-top: 0.1rem;
        }
        
        .head ul li:nth-child(2),
        .head ul li:nth-child(3) {
            margin-right: 1rem;
        }
        
        .head button {
            width: .5rem;
            height: .3rem;
            background-color: #999 !important;
            border-radius: .05rem;
        }
        /* 广告轮播图部分 */
        
        .lunbo>.pic {
            max-width: 7.5rem;
            width: 100%;
            margin: 0 auto;
        }
        
        .lunbo .pic .img {
            /* margin: 0 .1rem; */
            max-width: 6.14rem;
            max-height: 2.9rem;
            width: 80%;
            height: 2.58rem;
            border-radius: 0.1rem;
        }
        
        .lunbo>.pic>.img img {
            height: 100%;
            width: 100%;
        }
        /* .swiper-container .swiper-wrapper .swiper-slide-active>img {
            z-index: 3;
            height: 2.9rem;
        } */
        /* 主播分类 */
        
        .cate {
            margin: 0 auto;
            display: flex;
            justify-content: space-around;
        }
        
        .cate li {
            /* margin: 0 auto; */
            font-size: 0.3rem;
            text-align: center;
        }
        
        .cate li img:nth-child(1) {
            display: block;
            width: 1.07rem;
            height: 1.07rem;
            margin-top: 0.62rem;
            margin-bottom: 0.2rem;
        }
        /* 推荐标题 */
        
        .title {
            margin-top: 0.6rem;
            height: 0.38rem;
            line-height: 0.38rem;
            padding-left: 0.24rem;
            padding-right: 0.24rem;
            margin-bottom: 0.36rem;
        }
        
        .title>h3 {
            /* display: block; */
            float: left;
            font-size: 0.36rem;
            font-weight: bold;
        }
        
        .title>h3::before {
            content: "";
            display: inline-block;
            margin-right: 0.09rem;
            /* margin-top: .06rem; */
            width: 0.06rem;
            height: 0.32rem;
            background-color: #fb435b;
            /* box-shadow: 0 .02rem .1rem #fb435b; */
        }
        
        .title>a {
            font-size: 0.18rem;
            margin-right: .24rem;
            float: right;
            color: #707070;
            cursor: pointer;
        }
        /* 主播列表 */
        
        .zhubo_list {
            /* margin-top: .4rem; */
            /* display: flex; */
            margin: 0 0.24rem;
            /* justify-content: center; */
            /* flex-wrap: wrap; */
        }
        
        .zhubo_list ul {
            margin: 0 0.16rem;
        }
        
        .zhubo_list ul .zhubo_item {
            float: left;
            position: relative;
            /* display: block; */
        }
        
        .zhubo_list ul .zhubo_item:nth-child(2n) {
            margin-left: 0.1rem;
        }
        
        .zhubo_list ul .zhubo_item {
            /* margin: 0 .16rem; */
            /* display: block; */
            width: 3.29rem;
            margin-top: 0.32rem;
        }
        
        .zhubo_list ul .zhubo_item:nth-child(1) {
            margin-top: 0;
        }
        
        .zhubo_list ul .zhubo_item:nth-child(2) {
            margin-top: 0;
        }
        
        .zhubo_list ul .zhubo_item .zhubo {
            width: 3.29rem;
            height: 2.12rem;
            /* background: url("../images/zhubo_01.jpg"); */
            background-size: 100%;
            position: relative;
            /* margin: 0 .16rem; */
        }
        /* 直播中小块 */
        
        .zhubo_list ul .zhubo_item li .zhubo .zhibozhong {
            width: 0.9rem;
            height: 0.3rem;
            /* line-height: 0.3rem; */
            font-size: 0.2rem;
            border-radius: 0.1rem;
            overflow: hidden;
            color: #fff;
            background-color: #000;
            opacity: 0.5;
            float: right;
            margin-top: 0.09rem;
            margin-right: 0.09rem;
            padding-top: .06rem;
            padding-left: 0.12rem;
            position: relative;
        }
        
        .zhubo_list ul .zhubo_item li .zhubo>img {
            width: 100%;
            height: 100%;
            display: block;
            position: absolute;
            top: 0;
        }
        
        .zhubo_list ul .zhubo_item li .zhubo .zhibozhong img {
            /* float: right; */
            display: block;
            position: absolute;
            top: .1rem;
            right: 0.07rem;
            /* margin-left: .05rem;*/
            /* margin-top: .05rem;  */
            background: url("../images/xinhao.png");
            width: 0.1rem;
            height: 0.16rem;
            background-size: 100%;
        }
        
        .zhubo_list ul .zhubo_item li .zhubo .name {
            font-size: 0.28rem;
            position: absolute;
            top: 1.6rem;
            left: 0.1rem;
        }
        
        .zhubo_list ul .zhubo_item li .zhubo>p {
            position: absolute;
            top: 1.65rem;
            right: 0.15rem;
            font-size: 0.22rem;
            margin-right: 0.06rem;
            color: #000;
            font-weight: bold;
        }
        
        .zhubo_list ul .zhubo_item li .zhubo>p span {
            color: #000;
            font-size: 0.22rem;
        }
        
        .zhubo_list ul .zhubo_item li h3:nth-child(2) {
            font-size: 0.3rem;
            margin-top: 0.3rem;
            line-height: 0.24rem;
            margin-bottom: 0.15rem;
            /* margin-right: 1.24rem; */
        }
        
        .zhubo_list ul .zhubo_item li>p:nth-child(3) {
            font-size: 0.2rem;
            color: #8d8d8d;
            margin-right: 1.24rem;
            line-height: 0.26rem;
            /* margin-top: .15rem;  */
        }
        /* 给内容块添加一个填充以便内容可以完全显示出来不会被底部导航栏遮住 */
        
        .filled {
            max-width: 7.5rem;
            width: 100%;
            height: 1.8rem;
            margin: 0 auto;
        }
        /* 底部导航栏 */
        
        .nav {
            max-width: 7.5rem;
            width: 100%;
            position: fixed;
            background-color: #fff;
            bottom: 0;
            z-index: 2;
            -moz-box-shadow: 0px -1px 20px #b8b8b8, 2px 2px 5px #b8b8b8;
            -webkit-box-shadow: 0px -1px 20px #b8b8b8, 2px 2px 5px #b8b8b8;
            box-shadow: 0px -1px 20px #b8b8b8, 2px 2px 5px #b8b8b8;
        }
        
        .nav ul {
            max-width: 7.5rem;
            width: 100%;
            /* background-color: #fff; */
        }
        
        .nav ul::after {
            content: "";
            display: block;
            clear: both;
        }
        
        .nav ul li {
            height: 1.14rem;
            width: 20%;
            background-color: #fff;
            float: left;
            position: relative;
        }
        
        .nav ul li img {
            width: 0.48rem;
            height: 0.48rem;
            position: absolute;
            display: block;
            top: 0.16rem;
            left: 50%;
            margin-left: -0.24rem;
        }
        
        .nav ul li p {
            /* margin-left: .34rem; */
            margin-top: 0.76rem;
            font-size: 0.22rem;
            text-align: center;
        }
        
        .nav ul li:nth-child(3) {
            width: 1.21rem;
            height: 1.21rem;
            border-radius: 50%;
            margin: -0.4rem 0.145rem 0;
        }
        
        .nav ul li:nth-child(3) img {
            position: relative;
            top: 0;
            left: 0;
            display: block;
            width: 0.88rem;
            height: 0.88rem;
            border-radius: 50%;
            overflow: hidden;
            margin-top: 0.19rem;
            margin-left: 0.19rem;
        }
        
        .nav ul li img:nth-child(2) {
            display: none;
        }
        
        .nav ul li:hover img:nth-child(2) {
            display: block;
        }
        /* 主播工具 */
        
        .toolscontainer {
            z-index: 1;
            position: fixed;
            bottom: 1.14rem;
            max-width: 7.5rem;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            display: none;
        }
        
        .toolscontainer .zhubotools {
            position: fixed;
            bottom: 2.14rem;
            max-width: 6.73rem;
            width: 100%;
            height: 4.08rem;
            background-color: #fff;
            margin-left: .4rem;
            margin-right: .4rem;
            padding-bottom: .36rem;
            display: flex;
            justify-content: space-around;
            flex-wrap: wrap;
            border-radius: .12rem;
            -moz-box-shadow: 0px -1px 20px #b8b8b8, 2px 2px 5px #b8b8b8;
            -webkit-box-shadow: 0px -1px 20px #b8b8b8, 2px 2px 5px #b8b8b8;
            box-shadow: 0px -1px 20px #b8b8b8, 2px 2px 5px #b8b8b8;
            display: block;
        }
        
        .toolscontainer .zhubotools>p {
            width: 100%;
            margin-top: .4rem;
            padding-left: .32rem;
            padding-bottom: 0;
            font-size: .3rem;
            height: .25rem;
            line-height: .25rem;
            letter-spacing: .03rem;
        }
        
        .toolscontainer .zhubotools .tools_list {
            width: 100%;
            margin: 0 auto;
            display: flex;
            justify-content: space-around;
            flex-wrap: wrap;
        }
        
        .toolscontainer .zhubotools .tools_list>li {
            margin: .3rem 0;
            width: 25%;
        }
        
        .toolscontainer .zhubotools .tools_list>li>a {
            width: 100%;
            display: block;
        }
        
        .toolscontainer .zhubotools .tools_list>li>a>img {
            margin-bottom: .18rem;
            width: 0.75rem;
            height: 0.75rem;
            display: block;
            margin: 0 auto;
            margin-bottom: .2rem;
        }
        
        .toolscontainer .zhubotools .tools_list>li>a>p {
            font-size: .22rem;
            /* width: .94rem; */
            /* margin: 0 auto; */
            text-align: center;
        }
        
        .nav ul li:nth-child(3) {
            z-index: 2;
            overflow: hidden;
        }
        
        .weather {
            width: 100%;
            /* height: .5rem; */
            margin-top: .25rem;
            font-size: .3rem;
            /* background-color: #f40; */
        }
        
        .weather>ul {
            padding-left: .5rem;
        }
        
        .weather>ul>li {
            /* width: 30%; */
            margin-right: .05rem;
            padding-left: .02rem;
            padding-right: .02rem;
            height: .4rem;
            line-height: .4rem;
            float: left;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            margin-bottom: .1rem;
        }
        
        .weather>ul>li>img {
            height: 100%;
        }
        
        .weather>ul>li::after {
            content: '';
            display: block;
            clear: both;
        }